/**********************************************************************************

	Project Name: Sign-in Or Register: Form Design From Scratch
	Project Description: Video tutorial for Webdesign Tuts+
	File Name: functions.js
	Author: Adi Purdila
	Author URI: http://www.adipurdila.com
	Version: 1.0.0
	
**********************************************************************************/
$(document).ready(function() {
	
	/* Activate H5F */
	H5F.setup($("div#signUp form"));
    $('ul#tabs li ').click(function() {
    	
    	/* If what we clicked is the actual link, we move make the changes */
    	if($(this).attr("class") == "inactiveTab") {

			/* Swap classes on the clicked item */
	        $(this).addClass('activeTab').removeClass('inactiveTab');
	        
	        /* Swap classes on the other LI */
	        $(this).siblings('.activeTab').removeClass('activeTab').addClass('inactiveTab');
	        
	        /* Change the float of the previous element */
	        $(this).prev().css("float", "left");
			
			/* We toggle the tabs */
			$("div.toggleTab").slideToggle("fast", function() {

				/* Once the animation is complete, focus the first field of the visible form */
				$("div.toggleTab input:visible").first().focus();
	
	//When mouse rolls over
	

			});
			
		}

    });
	$("li").mouseover(function(){
		if($(this).attr("class") == "blue" || $(this).attr("class") == "red" || $(this).attr("class") == "yellow")
		$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
	
	//When mouse is removed
	$("li").mouseout(function(){
		if($(this).attr("class") == "blue" || $(this).attr("class") == "red" || $(this).attr("class") == "yellow")
			$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
			
			/*$("a").click(function(){
		$(this).blur();
	});*/
	  
});